<html>
<head>
<meta charset="utf-8">
<style>
body {
  font-family: Helvetica, arial, sans-serif;
  font-size: 10pt;
}
pre {
  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  font-size: 10pt;
}
table, td, th {
  border: 1px solid lightgray;
  border-collapse: collapse;
}
table {
  width: 100%;
}
th {
  text-align: left;
  background: #eeeeee;
  padding: 3px;
}
</style>
<title>Markdown Syntax Reference</title>
</head>
<body>

  <h3>HEADERS</h3>

  <table>
    <thead>
    <tr>
      <th>Markdown input</th>
      <th>Output</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td width="300">
<pre>
 # Heading One

 ## Heading Two

 ### Heading Three

 #### Heading Four

 ##### Heading Five

 ###### Heading Six
</pre>
      </td>
      <td style="padding-left: 5px;">
      <h1>Heading One</h1>
      <h2>Heading Two</h2>
      <h3>Heading Three</h3>
      <h4>Heading Four</h4>
      <h5>Heading Five</h5>
      <h6>Heading Six</h6>
      </td>
    </tr>
    <tr>
      <td width="300">
<pre>
 Heading One
 ===========

 Heading Two
 -----------
</pre>
      </td>
      <td style="padding-left: 5px;">
      <h1>Heading One</h1>
      <h2>Heading Two</h2>
      </td>
    </tr>
    </tbody>
  </table>

  <h3>PARAGRAPHS</h3>

  <table>
    <thead>
    <tr>
      <th>Markdown input</th>
      <th>Output</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td width="300">
<pre>
 A paragraph is simply one
 or more consecutive lines
 of text, separated by one
 or more blank lines.

 This is another paragraph.
</pre>
      </td>
      <td style="padding-left: 5px;">
      <p>A paragraph is simply one or more consecutive lines of text, separated by one or more blank lines.</p>
      <p>This is another paragraph.</p>
      </td>
    </tr>
    <tr>
      <td width="300">
<pre>
 To create a line
 break, end a line in a
 paragraph with two or more
 spaces.
</pre>
      </td>
      <td style="padding-left: 5px;">
      <p>
      To create a line <br />
      break, end a line in a <br />
      paragraph with two or more <br />
      spaces.
      </p>
      </td>
    </tr>
    </tbody>
  </table>

  <h3>LISTS</h3>

  <table>
    <thead>
    <tr>
      <th>Markdown input</th>
      <th>Output</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td width="300">
<pre>
 * Item 1
 * Item 2
 * Item 3

 + Item 1
 + Item 2
 + Item 3

 - Item 1
 - Item 2
 - Item 3
</pre>
      </td>
      <td style="padding-left: 5px;">
      <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
      <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
      <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
      </td>
    </tr>
    <tr>
      <td width="300">
<pre>
 1. Item 1
 2. Item 2
 3. Item 3
</pre>
      </td>
      <td style="padding-left: 5px;">
      <ol>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ol>
      </td>
    </tr>
    <tr>
      <td width="300">
<pre>
 * Item 1
   1. Item 2
      + Item 3
   2. Item 4
</pre>
      </td>
      <td style="padding-left: 5px;">
      <ul>
        <li>
        Item 1
        <ol>
          <li>
          Item 2
          <ul>
            <li>Item 3</li>
          </ul>
          </li>
          <li>
          Item 4
          </li>
        </ol>
        </li>
      </ul>
      </td>
    </tr>
    <tr>
      <td width="300">
<pre>
 Term
 : Definition
</pre>
      </td>
      <td style="padding-left: 5px;">
      <dl>
        <dt>
        Term
        <dt>
        <dd>
        Definition
        </dd>
      </dl>
      </td>
    </tr>
    </tbody>
  </table>

  <h3>EMPHASIS</h3>

  <table>
    <thead>
    <tr>
      <th>Markdown input</th>
      <th>Output</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td width="300">
<pre>
 I am *emphasized*

 I am _emphasized_
</pre>
      </td>
      <td style="padding-left: 5px;">
      <p>I am <em>emphasized</em></p>

      <p>I am <em>emphasized</em></p>
      </td>
    </tr>
    <tr>
      <td width="300">
<pre>
 I am **bold**

 I am __bold__
</pre>
      </td>
      <td style="padding-left: 5px;">
      <p>I am <strong>bold</strong></p>

      <p>I am <strong>bold</strong></p>
      </td>
    </tr>
    </tbody>
  </table>

</body>
</html>
